import styled from 'styled-components'

export const CommentWrapper = styled.div`
  margin-top: 10px;

  .comment_list {
    margin-top: 20px;
    .comment_top {
      height: 20px;
      border-bottom: 1px solid #eee;
    }
    .comment {
      margin-top: 10px;
      .comment_item {
        display: flex;
        padding: 15px 0;
        border-bottom: 1px dotted #eee;

        .left {
          width: 50px;
          margin-right: 10px;
        }
        .right {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          .user {
            line-height: 20px;
            margin-bottom: 10px;
            .name {
              color: #0c73c2;
              margin-right: 10px;
            }
          }

          .other_info {
            display: flex;
            justify-content: flex-end;
            .time {
              color: #999;
            }
          }
        }
      }
    }
  }
`
export const PaginationWrapper = styled.div`
  display: flex;
  justify-content: center;
  margin-top: 20px;
`
